<template>
  <div class="p-body">
    <div style="height:176px;background:pink;margin-top:18px"></div>
    <div class="tab-box">
      <div style="margin-right:64px">人才展示</div>
      <div class="icno-btn-box" style="background:#FCD7E4">
        <div class="new1"></div>
        <div>只看男生</div>
      </div>
      <div class="icno-btn-box">
        <div class="new5"></div>
        <div>只看女生</div>
      </div>
    </div>
    <div class="card-box">
      <div
        v-for="v in 4"
        :key="v"
        class="card-item new41"
      >
        <img
          class="avatar"
          src="http://uploadfile.bizhizu.cn/up/a3/a5/7a/a3a57a3adc4fac922886e64cdb4aa5a3.jpg"
        />
        <div class="card-item-r">
          <div>宋春梅</div>
          <div>
            本人目前在海州区一所大专学校教书，平时喜欢健身和读书，有时间也喜欢出去旅游旅游，希望遇到三观合的来的人，愿得一人心，白首不分离
          </div>
          <div class="d-box">
            <img
              class="dimg"
              src="http://uploadfile.bizhizu.cn/up/a3/a5/7a/a3a57a3adc4fac922886e64cdb4aa5a3.jpg"
            />
            <div>
              <div>24岁|160cm|未婚|山东青岛</div>
              <div>单位：连云港第一人民医院</div>
              <div>寻找异性</div>
              <div>28-30岁|18cm以上</div>
            </div>
          </div>
          <div class="d1">
            了解更多
            <div class="ali ali-yunhang"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="tab-box" style="background:#649CEF">人才交友</div>
    <div class="list-box">
      <div class="list-item" v-for="v in 6" :key="v">
        <div class="list-item-l">
          <img
            class="avatar"
            src="https://tse1-mm.cn.bing.net/th/id/OIP-C.O2CcWUjWPt9dS-6jXvWK1gAAAA?pid=ImgDet&rs=1"
          />
          <div>
            <div style="color:#2469B9;font-size:14px;font-weight: bold;">
              宋春梅
            </div>
            <div style="color:#000">刚来连云港不久，想认识更多有趣的朋友</div>
            <div style="color:#666;font-size:14px">
              连云港有没有喜欢户外运动的朋友，比如爬山、骑行,连云港有没有喜欢户外运动的朋友，比如爬山、骑行......
            </div>
          </div>
        </div>
        <div class="list-r">
          <div>2021-9-13</div>
          <div style="display:flex">
            <div
              style="margin-right:20px"
              class="new2"
             
            ></div>
            <div class="new3"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  created() {},
  methods: {}
};
</script>

<style scoped lang="scss">
@import "./index.scss";
</style>
